{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    <div class="bc11 c13 padtb9">
        <div class="fs14 tar c13 op8 pos-a r10 t10 padt10" @click="goto('setting')"><span class="fa fa-cog"></span>
        </div>
        <div class="pad10">
            <div class="flrc pos-r marr20">
                 <img class="wh15-15 bcf round" :src="picUrl(user.avatar)" onerror="this.src=pic404">
                <div class="fs10 flex1 padl20">
                    <div>[[user.name]]</div>
                    <span class="fs8 c13 padtb3">[[user.phone]]</span>
                </div>
                <mu-ripple @click="goto('userNickName')"></mu-ripple>
{#                <mu-ripple @click="goto('user')"></mu-ripple>#}
            </div>
        </div>
    </div>



    <div class="flex-r c11 fs8 lh15 padtb9 c13">
        <mu-ripple @click="goto('userMoney')" class="flex1 flcc marl5 marr3 bc02 pos-r round3 shadow1 ofh">
            <div class="wh20-20 flcc lh2">
                <div class="fs12 fwb">钱包</div>
                <div class="fs7 mart5 bc13 c2 round30 padlr9 padtb2 lh15">财务管理</div>
            </div>
            <div class="wh20-20 round bca002 pos-a l-9 t-9"></div>
            <div class="wh30-30 round bca003 pos-a l-9 t-9"></div>
        </mu-ripple>
        <mu-ripple @click="goto('userCoin')" class="flex1 flcc marl5 marr3 bc03 pos-r round3 shadow1 ofh">
            <div class="wh20-20 flcc lh2">
                <div class="fs12 fwb">积分</div>
                <div class="fs7 mart5 bc13 c2 round30 padlr9 padtb2 lh15">签到抽奖</div>
            </div>
            <div class="wh20-20 round bca002 pos-a l-9 t-9"></div>
            <div class="wh30-30 round bca003 pos-a l-9 t-9"></div>
        </mu-ripple>
        <mu-ripple @click="isShop == 1 ? goto('shopHome') : openShop()" class="flex1 flcc marl5 marr3 bc07 pos-r round3 shadow1 ofh">
            <div class="wh20-20 flcc lh2">
                <div class="fs12 fwb">接单</div>
                <div class="fs7 mart5 bc13 c2 round30 padlr9 padtb2 lh15">[[isShop == 1?'商家中心':'商户入驻']]</div>
            </div>
            <div class="wh20-20 round bca002 pos-a l-9 t-9"></div>
            <div class="wh30-30 round bca003 pos-a l-9 t-9"></div>
        </mu-ripple>
    </div>

{#    <div class=" bdtso bdc13 bdw10 fs9">#}
{#        <div class="flrc pad5 pos-r marl10 m3arr5 c1 ">#}
{#            <div class="flex1">#}
{#                [[isShop == 1?'商家中心':'商户入驻']]#}
{#            </div>#}
{#            <div class="fa fa-angle-right"></div>#}
{#            <mu-ripple @click="isShop == 1 ? goto('shopHome') : openShop()"></mu-ripple>#}
{#        </div>#}
{#    </div>#}

{#    <div class=" bdtso bdc13 bdw10 fs9">#}
{#        <div class="flrc pad5 pos-r marl10 marr5">#}
{#            <div class="flex1">我的钱包</div>#}
{#            <mu-ripple @click="goto('userMoney')"> &nbsp;</mu-ripple>#}
{#            <div class="fa fa-angle-right"></div>#}
{#        </div>#}
{#    </div>#}

    <div class=" bdtso bdc13 bdw10">
        <div class="list-style-2 flrc mar5 c12">
            <div class="flex1 fs8">用户专栏</div>
        </div>
        <div class="fs9 lh2 c11 mart5 op9">
            <div class="flrc pad5 bdbso pos-r marl10 marr5">
                <div class="flex1">我的任务</div>
                <div class="fa fa-angle-right"></div>
                <mu-ripple @click="goto('myTask')"></mu-ripple>
            </div>
            <div class="flrc pad5 bdbso pos-r marl10 marr5">
                <div class="flex1">我的订单</div>
                <div class="fa fa-angle-right"></div>
                <mu-ripple @click="goto('userOrder')"></mu-ripple>
            </div>
            <div class="flrc pad5 bdbso pos-r marl10 marr5">
                <div class="flex1">常用地址</div>
                <div class="fa fa-angle-right"></div>
                <mu-ripple @click="goto('myAddress')"></mu-ripple>
            </div>
            <div class="flrc pad5 bdbso pos-r marl10 marr5">
                <div class="flex1">常用联系人</div>
                <div class="fa fa-angle-right"></div>
                <mu-ripple @click="goto('myContact')"></mu-ripple>
            </div>
            <div class="flrc pad5 bdbso pos-r marl10 marr5">
                <div class="flex1">实名认证</div>
                <div class="fa fa-angle-right"></div>
                <mu-ripple @click="goto('myAuth')"></mu-ripple>
            </div>
        </div>
    </div>

    <div class=" bdtso bdc13 bdw10">
        <div class="list-style-2 flrc mar5 c12">
            <div class="flex1 fs8">好友专栏</div>
        </div>
        <div class="fs9 lh2 c11 mart5 op9">
            <div class="flrc pad5 bdbso pos-r marl10 marr5">
                <div class="flex1">邀请有奖</div>
                <div class="fa fa-angle-right"></div>
                <mu-ripple @click="goto('userInvite')"></mu-ripple>
            </div>
            <div class="flrc pad5 bdbso pos-r marl10 marr5">
                <div class="flex1">我的好友</div>
                <div class="fa fa-angle-right"></div>
                <mu-ripple @click="goto('userInviteSons')"></mu-ripple>
            </div>
            <div class="flrc pad5 bdbso pos-r marl10 marr5">
                <div class="flex1">奖励政策</div>
                <mu-ripple @click="goto('page',{id:'INVIT'})"> &nbsp;</mu-ripple>
                <div class="fa fa-angle-right"></div>
            </div>
        </div>
    </div>

    <div class=" bdtso bdc13 bdw10">
        <div class="list-style-2 flrc mar5 c12">
            <div class="flex1 fs8">客户服务</div>
        </div>
        <div class="fs9 lh2 c11 mart5 op9">
            <div class="flrc pad5 bdbso pos-r marl10 marr5">
                <div class="flex1">联系我们</div>
                <mu-ripple @click="goto('page',{id:'ABOUT'})"> &nbsp;</mu-ripple>
                <div class="fa fa-angle-right"></div>
            </div>
            <div class="flrc pad5 bdbso pos-r marl10 marr5">
                <div class="flex1">广告入驻</div>
                <mu-ripple @click="goto('page',{id:'BUSINESS'})"> &nbsp;</mu-ripple>
                <div class="fa fa-angle-right"></div>
            </div>
        </div>
    </div>


    <div class="pos-f l0 r0 t0 b0" v-if="login == 0">
        <mu-ripple @click="goto('login')" v-if="login == 0">&nbsp;&nbsp;&nbsp;&nbsp;</mu-ripple>
    </div>
{% endblock %}
